<script>
	export default {
		onLaunch: function() {
			console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！')
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import '@/uni_modules/uni-scss/index.scss';
	/* #ifndef APP-NVUE */
	@import '@/static/customicons.css';
	// 设置整个项目的背景色
	page {
		background-color: #f5f5f5;
	}

	/* #endif */
	.example-info {
		font-size: 14px;
		color: #333;
		padding: 10px;
	}
	.baise{
		width: 100%;
		height: 100vh;
		background-color: #FFFFFF;
	}
	/*每个页面公共css */
	.content{
		width: 100%;
		height: 100vh;
	}
	.content-f{
		width: 100%;
		height: 100vh;
		background-color: #FFFFFF;
	}
	/* #ifdef H5 */
	.content-tabar-f{
		width: 100%;
		height: calc(100vh - 100rpx);
		background-color: #FFFFFF;
	}
	/* #endif */
	/* #ifndef H5 */
	.content-tabar-f{
		width: 100%;
		height: calc(100vh);
		background-color: #FFFFFF;
	}
	/* #endif */
	/* #ifdef H5 */
	.content-tabar{
		width: 100%;
		height: calc(100vh - 100rpx);
		background-color: #F4F4F4;
	}
	/* #endif */
	/* #ifndef H5 */
	.content-tabar{
		width: 100%;
		height: calc(100vh);
		background-color: #F4F4F4;
	}
	/* #endif */
	/* #ifdef H5 */
	.content-header{
		width: 100%;
		height: calc(100vh - 88rpx);
		background-color: #F4F4F4;
	}
	/* #endif */
	/* #ifndef H5 */
	.content-header{
		width: 100%;
		height: calc(100vh);
		background-color: #F4F4F4;
	}
	/* #endif */
	/* #ifdef H5 */
	.content-header-f{
		width: 100%;
		height: calc(100vh - 88rpx);
		background-color: #FFFFFF;
	}
	/* #endif */
	/* #ifndef H5 */
	.content-header-f{
		width: 100%;
		height: calc(100vh);
		background-color: #FFFFFF;
	}
	/* #endif */
	/* #ifdef H5 */
	.content-header-tabar{
		width: 100%;
		height: calc(100vh - 88rpx - 100rpx);
		background-color: #F4F4F4;
	}
	/* #endif */
	/* #ifndef H5 */
	.content-header-tabar{
		width: 100%;
		height: calc(100vh);
		background-color: #F4F4F4;
	}
	/* #endif */
	
	.flex-row{
		display: flex;
		flex-direction: row;
	}
	.flex-row-reverse{
		display: flex;
		flex-direction: row-reverse;
	}
	.flex-column {
		display: flex;
		flex-direction: column;
		// padding-bottom: 30rpx;
	}
	.flex-column-reverse {
		display: flex;
		flex-direction: column-reverse;
	}
	.flex-wrap-no{
		flex-wrap: nowrap;
	}
	.flex-wrap{
		flex-wrap: wrap;
	}
	.flex-wrap-reverse{
		flex-wrap: wrap-reverse;
	}
	.flex-content-start{
		justify-content: flex-start;
	}
	.flex-content-end{
		justify-content: flex-end;
	}
	.flex-content-center{
		justify-content: center;
	}
	.flex-content-between{
		justify-content: space-between;
	}
	.flex-content-around{
		justify-content: space-around;
	}
	.flex-item-start{
		align-items: flex-start;
	}
	.flex-item-end{
		align-items: flex-end;
	}
	.flex-item-center {
		align-items: center;
	}
	.flex-item-baseline {
		align-items: baseline;
	}
	.flex-item-stretch {
		align-items: stretch;
	}
	.top20{
		width: 100%;
		height: 20rpx;
	}
	.top24{
		width: 100%;
		height: 24rpx;
	}
	.top30{
		width: 100%;
		height: 30rpx;
	}
	.top40{
		width: 100%;
		height: 40rpx;
	}
	.top55{
		width: 100%;
		height: 55rpx;
	}
	.top60{
		width: 100%;
		height: 60rpx;
	}
</style>
